<ion-header>
  <ion-navbar>
    <ion-title>个人中心</ion-title>
  </ion-navbar>
</ion-header>

<ion-content>

  <!-- <div class="w12 user_header">
    <img class="mt30" src="assets/imgs/userPic.png" />
    <div class="w12 mt20 mb20">
      <div class="w04 ml_w02">
        <span class="w12 num"></span>
        <span class="w12 mt5"></span>
      </div>
      <div class="w04">
        <span class="w12 num"></span>
        <span class="w12 mt5"></span>
      </div>
    </div>
    <div class="w12 mt20 mb20"  (click)="push('RorderListPage')">
      <div class="w04 ml_w02">
        <span class="w12 num">{{SumNum.SPSL}}</span>
        <span class="w12 mt5">服务数量</span>
      </div>
      <div class="w04">
          <span class="w12 num">{{SumNum.PRICE}}</span>
          <span class="w12 mt5">预计工资</span>
      </div>
    </div>
  </div> -->
  <div class="w12 bgcolor_white">
    <div class="jl_form">
      <div class="jl_form_item bor_bottom pr15">
        <span class="w04">姓名</span>
        <span class="w08 tr font_gray">{{userInfo.USERNAME}}</span>
      </div>
    </div>
    <div class="jl_form">
      <div class="jl_form_item bor_bottom pr15">
        <span class="w04">联系电话</span>
        <span class="w08 tr font_gray">{{userInfo.MOBILE}}</span>
      </div>
    </div>
    <div class="jl_form" (click)="push('WorkerForgetPasswordPage')">
      <div class="jl_form_item">
        <span class="w04">修改密码</span>
        <span class="w08">&nbsp;</span>
        <i class="fa fa-angle-right"></i>
      </div>
    </div>
  </div>
  <div class="w12 bgcolor_white mt15">
    <div class="jl_form" (click)="push('WorkerCompletionRecordPage')">
      <div class="jl_form_item">
        <span class="w04">完工记录</span>
        <span class="w08 tr font_gray">{{SumNum.SPSL||0}}</span>
        <i class="fa fa-angle-right"></i>
      </div>
    </div>
    <div class="jl_form" (click)="push('RchargeListPage')">
      <div class="jl_form_item">
        <span class="w04">收费记录</span>
        <span class="w08 tr font_gray" *ngIf="!dev">{{SumNum.chargesSum||0}}</span>
        <i class="fa fa-angle-right"></i>
      </div>
    </div>
    <div class="jl_form" (click)="showMaterialModal()">
      <div class="jl_form_item">
        <span class="w04">配件价格</span>
        <i class="fa fa-angle-right"></i>
      </div>
    </div>
    <!--<div class="jl_form" (click)="push('ChatPage')" *ngIf="!dev">
      <div class="jl_form_item bor_bottom">
        <span class="w04">客服中心</span>
        <span class="w08">&nbsp;</span>
        <i class="fa fa-angle-right"></i>
      </div>
    </div>-->
    <div class="jl_form" (click)="Access()" >
      <div class="jl_form_item">
        <span class="w04">工资</span>
        <i class="fa fa-angle-right"></i>
      </div>
    </div>
  </div>
  <ion-item class="w12 bgcolor_white mt15" no-lines>
    <ion-label style="font-size: 1.8rem !important;" [ngStyle]="{'font':isWorking == false? 'red':'green'}">{{isWorking?'开工中':'未开工'}}
    </ion-label>
    <ion-toggle mode="ios" [(ngModel)]="isWorking" (ionChange)="switchIsWorking()"></ion-toggle>
  </ion-item>
  <!--<div class="w12 bgcolor_white mt15">
    <div class="jl_form">
      <div class="jl_form_item">
        <span class="w04">开工</span>
        <span class="w04">&nbsp;</span>
        <ion-toggle class="mr0"></ion-toggle>
      </div>
    </div>
  </div>-->

  <div class="w12 bgcolor_white mt15">
    <div class="jl_form" (click)="push('AboutPage')">
      <div class="jl_form_item">
        <span class="w04">关于</span>
        <span class="w08">&nbsp;</span>
        <i class="fa fa-angle-right"></i>
      </div>
    </div>
  </div>
  <!--<div class="w12 bgcolor_white mt15">-->
  <!--<div class="jl_form" (click)="test()">-->
  <!--<div class="jl_form_item">-->
  <!--<span class="w04">签名</span>-->
  <!--<span class="w08">&nbsp;</span>-->
  <!--<i class="fa fa-angle-right"></i>-->
  <!--</div>-->
  <!--</div>-->
  <!--</div>-->
  <div class="w12 bgcolor_white mt15">
    <div class="jl_form">
      <div class="jl_form_item pr15" (click)="logout('WorkerLoginPage')">
        <span class="w12 tc">退出登录</span>
      </div>
    </div>
  </div>
</ion-content>
